<template>
    <div class="company">
        <h4>市人力资源公司</h4>
        <van-swipe class="my-swipe" indicator-color="white">
            <van-swipe-item>
                <div class="companyItem">
                    <!-- <img src="../assets/images/自贸港人才网logo.png" alt="" /> -->
                    <p>自贸港人才网</p>
                </div>
                <div class="companyItem">
                    <!-- <img
                        src="../assets/images/海南才市招聘logo_home.png"
                        alt=""
                    /> -->
                    <p>海南才市招聘</p>
                </div>
                <div class="companyItem">
                    <!-- <img src="../assets/images/新视线招聘网.png" alt="" /> -->
                    <p>新视线招聘网</p>
                </div>
                <div class="companyItem">
                    <!-- <img src="../assets/images/paiqian_logo.png" alt="" /> -->
                    <p>天涯人力资源</p>
                </div>
                <div class="companyItem">
                    <p>海口田福人力资源</p>
                </div>
                <div class="companyItem">
                    <p>海南英才人力资源</p>
                </div>
            </van-swipe-item>
        </van-swipe>
    </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.company {
    padding: 0 18.5px;
    h4 {
        font-size: 15px;
        font-weight: bold;
        color: #000000;
    }
    .my-swipe {
        margin-top: 12.5px;
        padding-bottom: 25px;
        .van-swipe-item {
            width: 100%;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            background-color: #f5f6f8;
            box-sizing: border-box;
            .companyItem {
                // width: calc((100% - 30px) / 3);
                width: 32.33%;
                height: 37px;
                margin-right: 1%;
                margin-top: 2.5px;
                // padding: 0 5px;
                box-sizing: border-box;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #e0ebf9;
                &:nth-child(3n){
                    margin-right: 0;
                    // border: 1px solid red;
                }
                img {
                    width: 100%;
                    height: 37px;
                }
                p {
                    font-size: 12px;
                    font-weight: bold;
                    color: #000000;
                }
            }
        }
    }
}
</style>